<mat-card class="panel-forgot">
  <mat-card-title>{{ "user.forgot.title" | translate: lang }}</mat-card-title>
  <mat-card-content>
    <form [formGroup]="validateForm2" (ngSubmit)="onSubmit()">
      <div class="i">
        <mat-form-field>
          <input
            matInput
            formControlName="password"
            placeholder="{{'user.login.password.placeholder' | translate:lang}}"
            [type]="hide ? 'password' : 'text'"
          />
          <mat-icon matSuffix (click)="hide = !hide">{{
            hide ? "visibility" : "visibility_off"
          }}</mat-icon>
          <mat-error
            *ngIf="validateForm2.controls.password.hasError('required')"
          >
            {{ "user.login.password.error.require" | translate: lang }}
          </mat-error>
        </mat-form-field>
      </div>
      <div class="i login">
        <button mat-button [disabled]="!validateForm2.valid">
          {{ "user.forgot.btn.submit.text" | translate: lang }}
        </button>
      </div>
    </form>
  </mat-card-content>
</mat-card>
